import 'dart:async';

import 'package:flutter/material.dart';
import 'package:http/retry.dart';
import 'res/listData.dart';

// void main() {
//   // print("object");

//   List list = ["apple", "banana", "xigua"];
//   // list.forEach(
//   //   (element) {
//   //     print(element);
//   //   },
//   // );

//   // list.forEach((element) => print(element));

//   // list.forEach((element) => {print(element)});

//   List list1 = [4, 3, 6, 1, 0];
//   var list2 = list1.map((e) {
//     if (e > 2) {
//       return e * 2;
//     }
//     return e;
//   });
//   print(list2.toList());
// }

// void main() => runApp(MyApp());

// class MyApp extends StatelessWidget {
//   @override
//   Widget build(BuildContext context) {
// // TODO: implement build
//     return MaterialApp(
//         home: Scaffold(
//       appBar: AppBar(title: Text('FlutterDemo')),
//       body: HomeContent(),
//     ));
//   }
// }

// class HomeContent extends StatelessWidget {
//   List list = [];
//   HomeContent({Key? key}) : super(key: key) {
//     for (var i = 0; i < 20; i++) {
//       list.add("这是第${i}条数据");
//     }
//     print(list);
//   }
//   @override
//   Widget build(BuildContext context) {
// // TODO: implement build
//     return ListView.builder(
//       itemCount: this.list.length,
//       itemBuilder: (context, index) {
// // print(context);
//         return ListTile(
//           leading: Icon(Icons.phone),
//           title: Text("${list[index]}"),
//         );
//       },
//     );
//   }
// }

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
// TODO: implement build
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(title: Text('FlutterDemo')),
      body: LayoutContent(),
    ));
  }
}

class LayoutContent extends StatelessWidget {
  Widget _getListData(context, index) {
    return Container(
      child: Column(
        children: <Widget>[
          Image.network(listData[index]["imageUrl"]),
          SizedBox(height: 12),
          Text(listData[index]["title"],
              textAlign: TextAlign.center, style: TextStyle(fontSize: 20)),
        ],
      ),
      decoration: BoxDecoration(
          border: Border.all(
              color: Color.fromRGBO(230, 230, 230, 0.9), width: 1.0)),
    );
  }

  @override
  Widget build(BuildContext context) {
// TODO: implement build
    return GridView.builder(
      itemCount: listData.length,
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
//横轴元素个数
          crossAxisCount: 2,
//纵轴间距
          mainAxisSpacing: 20.0,
//横轴间距
          crossAxisSpacing: 10.0,
//子组件宽高长度比例
          childAspectRatio: 1.0),
      itemBuilder: this._getListData,
    );
  }
}
